<template>
    <el-container class="home-container">
          <el-header>
              <h1>这里是燕山大学23级计算机系实训</h1>
          </el-header>
          <el-container>
              <el-aside width="200px">
                  <Menu></Menu>
              </el-aside>
              <el-main>
                  <router-view />
              </el-main>
          </el-container>
      </el-container>
  </template>
  <script setup>
  import Menu from '@/components/menu/Menu.vue'
  </script>
  <style scoped>
  .home-container {
      height: 100vh;
  }
  .el-header {
      background-image: -webkit-linear-gradient(180deg, #00ffd9, #0022ff, #7b00ff);
      h1 {
          color: #ffffff;
          line-height: 28px;
          letter-spacing: 8px;
      }
  }
  
  </style>